<template>
		<svg
			version="1.1"
			id="图层_1"
			xmlns:x="&ns_extend;"
			xmlns:i="&ns_ai;"
			xmlns:graph="&ns_graphs;"
			xmlns="http://www.w3.org/2000/svg"
			xmlns:xlink="http://www.w3.org/1999/xlink"
			x="0px"
			y="0px"
			viewBox="0 0 400 400"
			style="enable-background:new 0 0 400 400;"
			:width="prop.width"
			:height="prop.height"
		>
			<switch>
				<!-- <foreignObject requiredExtensions="&ns_ai;" x="0" y="0" width="1" height="1"><i:pgfRef xlink:href="#adobe_illustrator_pgf"></i:pgfRef></foreignObject> -->
				<g i:extraneous="self">
					<g>
						<g>
							<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="198.4893" y1="276.6425" x2="256.5339" y2="276.6425">
								<stop offset="0" style="stop-color:#FBAE17" />
								<stop offset="0.9106" style="stop-color:#42FF42" />
								<stop offset="1" style="stop-color:#FFFFFF" />
							</linearGradient>
							<path
								class="st0"
								d="M197.78,207.63c19.13,46.19,38.16,92.43,57.29,138.63c0.55,1.32,2.72,0.74,2.17-0.6
							c-19.13-46.19-38.16-92.43-57.29-138.63C199.4,205.71,197.23,206.29,197.78,207.63L197.78,207.63z"
							/>
						</g>
					</g>
					<path class="st1" d="M255.81,346.1c-57.84,23.96-118.99,20.45-164.25-4.55" />
					<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="24.0831" y1="120.5096" x2="308.2101" y2="120.5096">
						<stop offset="0" style="stop-color:#7F47DD" />
						<stop offset="0.5169" style="stop-color:#FBAE17" />
						<stop offset="1" style="stop-color:#FBAE17" />
					</linearGradient>
					<path class="st2" d="M28.08,188.29C42.41,138.61,83.16,92.9,141,68.94c57.4-23.78,118.05-20.5,163.21,3.98" />
					<g>
						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="48.5653" y1="176.177" x2="198.5699" y2="176.177">
							<stop offset="0" style="stop-color:#FF0000" />
							<stop offset="0.5169" style="stop-color:#FBAE17" />
							<stop offset="1" style="stop-color:#FBAE17" />
						</linearGradient>
						<path class="st3" d="M48.57,145.11c50,20.71,100,41.42,150,62.13" />
						<g>
							<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="48.374" y1="176.177" x2="198.7612" y2="176.177">
								<stop offset="0" style="stop-color:#FF0000" />
								<stop offset="0.5169" style="stop-color:#FBAE17" />
								<stop offset="1" style="stop-color:#FBAE17" />
							</linearGradient>
							<path
								class="st4"
								d="M48.17,146.56c50,20.71,100,41.42,150,62.13c1.78,0.74,2.56-2.16,0.8-2.89c-50-20.71-100-41.42-150-62.13
							C47.18,142.93,46.41,145.83,48.17,146.56L48.17,146.56z"
							/>
						</g>
					</g>
					<circle class="st5" cx="48" cy="145" r="3" />
				</g>
			</switch>
		</svg>
</template>

<script setup>
let prop = defineProps(['width', 'height']);

</script>

<style scoped lang="scss">
.st0 {
	fill: url(#SVGID_1_);
}
.st1 {
	fill: none;
	stroke: #00ff00;
	stroke-width: 6;
	stroke-linecap: round;
	stroke-miterlimit: 10;
}
.st2 {
	fill: none;
	stroke: url(#SVGID_2_);
	stroke-width: 8;
	stroke-linecap: round;
	stroke-miterlimit: 10;
}
.st3 {
	fill: url(#SVGID_3_);
}
.st4 {
	fill: url(#SVGID_4_);
}
.st5 {
	fill: #ff0000;
}
</style>
